<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Reservatiemandje</title>
<link rel="stylesheet" href="styles/default.css" />
</head>
<body>
	<h1>
		Het cultuurhuis: reservatiemandje
		<c:url value="/images/mandje.png" var="mandje" />
		<img src="${mandje}" alt="ge hebt een mandje!" />
	</h1>
	<br />
	<c:url value="/welkom.htm" var="url" />
	<c:url value="/bevestiging.htm" var="bevestigURL" />

	<a href="${url}">voorstellingen</a>
	<a href="${bevestigURL}">Bevestiging reservatie</a>
	<br />
	<br />
	<form method ="post" action="${pageContext.servletContext.contextPath}/reservatiemandje.htm">
	<table border="1">
		<tr>
			<th>Datum</th>
			<th>Titel</th>
			<th>Uitvoerders</th>
			<th>Prijs</th>
			<th>Plaatsen</th>
			<th><input type="submit" value="Verwijderen"/></th>
		</tr>
		<c:forEach var="reservatie" items="${reservaties}" varStatus="status">
			<tr class="${status.count % 2 == 0 ? 'even':'oneven'}">
				<td>${reservatie.voorstelling.datum}</td> 
				<td>${reservatie.voorstelling.titel}</td>
				<td>${reservatie.voorstelling.uitvoerders}</td>
				<td>${reservatie.voorstelling.prijs}  &#8364;</td>
				<td>${reservatie.plaatsen}</td>
				<td><label><input type="checkbox" name="nummers" 
				value="${reservatie.voorstelling.nr}"></label></td>				
			</tr>
		</c:forEach>
		</table>
		</form>
		<br/>
		Te betalen: ${totaal} &#8364;
</body>
</html>